@charset "utf-8";
/* CSS Document */


/*about*/
.main{background:url(../images/mainbg_about.jpg) no-repeat;padding-top:40px;padding-bottom:20px;}
.content{}
.grid{display:block;width:433px;height:auto;margin-left:220px;margin-top:20px;line-height:25px;border:1px dashed #1e1e1e;padding:15px;position:relative;}
.square{display:block;width:4px;height:4px;background:#fff;border:1px solid #1e1e1e;position:absolute}
.grid01{left:-3px;top:-3px;}
.grid02{top:-3px;}
.grid03{right:-3px;top:-3px;}
.grid04{left:-3px;}
.grid06{right:-3px;}
.grid07{left:-3px;bottom:-3px;}
.grid08{bottom:-3px;}
.control{position:absolute;display:block;width:13px;height:13px;background:url(../images/grid/control.png) no-repeat;right:-7px;bottom:-7px;}
.main .bg{position:absolute;display:block;width:608px;height:425px;background:url(../images/about_bg.jpg) no-repeat;bottom:0px;right:175px;}

.banner {
	WIDTH: 100%; PADDING-TOP:0px}
.banner .showf {POSITION: relative; MARGIN: auto; WIDTH: 100%; HEIGHT: 520px; OVERFLOW: hidden}
.banner .shows {POSITION: absolute; WIDTH: 100%; DISPLAY: none; FLOAT: left; TOP:96px; LEFT: 0px}
.banner .img {MARGIN: auto; DISPLAY: block}
.banner .button {MARGIN: auto; DISPLAY: block}
.banner .img {MARGIN-TOP: 12px}
.banner .button {WIDTH: 219px}
.banner .button A {WIDTH: 23px; DISPLAY: inline;FLOAT: left; HEIGHT: 23px; MARGIN-RIGHT: 1px}
.banner .button A.btn1 {BACKGROUND-POSITION: 0px 0px}
.banner .button A.btn2 {BACKGROUND-POSITION: -23px 0px}
.banner .button A.btn3 {BACKGROUND-POSITION: -46px 0px}
.banner .button A.btn4 {BACKGROUND-POSITION: -69px 0px}
.banner .button A.btn5 {BACKGROUND-POSITION: -92px 0px}
.banner .button A.btn1_fire {BACKGROUND-POSITION: 0px -23px}
.banner .button A.btn2_fire {BACKGROUND-POSITION: -23px -23px}
.banner .button A.btn3_fire {BACKGROUND-POSITION: -46px -23px}
.banner .button A.btn4_fire {BACKGROUND-POSITION: -69px -23px}
.banner .button A.btn5_fire {BACKGROUND-POSITION: -92px -23px}
.banner .nav2 {LINE-HEIGHT: 35px; PADDING-LEFT: 6px; HEIGHT: 35px; FONT-SIZE: 10px}
.banner .nav2 {COLOR: #787878}
.banner .nav2 A {COLOR: #787878}
.banner .nav2 A:hover {COLOR: #6fa605; TEXT-DECORATION: none}
.banner .nav2 LI {PADDING-LEFT: 9px; DISPLAY: inline;  FLOAT: left; MARGIN-RIGHT: 18px}
.banner .nav2 LI.location {PADDING-LEFT: 11px;}
.banner .nav2 SPAN.fr {PADDING-RIGHT: 21px}

.case LI {POSITION: relative; WIDTH: 302px; DISPLAY: inline; FLOAT: left; HEIGHT: 215px; MARGIN-RIGHT: 14px}
.case LI.last {FLOAT: right; MARGIN-RIGHT: 0px}
.case LI .case_w {POSITION: absolute; PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; WIDTH: 262px; BOTTOM: 14px; PADDING-RIGHT: 20px; DISPLAY: block; BACKGROUND: url(/inc/img/bg_case.png) no-repeat; HEIGHT: 145px; PADDING-TOP: 20px; LEFT: 0px}
.case LI .case_w .fire {Z-INDEX: 2; POSITION: absolute; FILTER: alpha(opacity=50); WIDTH: 262px; DISPLAY: none; BACKGROUND: #000; HEIGHT: 148px; TOP: 20px; LEFT: 20px; opacity: 0.5}
.case LI .case_w .x {Z-INDEX: 3; POSITION: absolute; WIDTH: 61px; DISPLAY: none; HEIGHT: 61px; TOP: 60px}
.case LI .case_w .y {Z-INDEX: 3; POSITION: absolute; WIDTH: 61px; DISPLAY: none; HEIGHT: 61px; TOP: 60px}
.case2 {POSITION: relative; HEIGHT: 0px}
.case2 .case_f {POSITION: absolute; TOP: 0px; LEFT: 0px}
.case2 .case_body {POSITION: relative; WIDTH: 302px; HEIGHT: 215px}
.case2 .case_w {POSITION: absolute; PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; WIDTH: 262px; BOTTOM: 14px; PADDING-RIGHT: 20px; DISPLAY: block; HEIGHT: 145px; PADDING-TOP: 20px; LEFT: 0px}
.case2 .case_w .fire {Z-INDEX: 2; POSITION: absolute; FILTER: alpha(opacity=50); WIDTH: 262px; DISPLAY: none; BACKGROUND: #000; HEIGHT: 148px; TOP: 20px; LEFT: 20px; opacity: 0.5}
.case2 .case_w .y {Z-INDEX: 3; POSITION: absolute; WIDTH: 61px; DISPLAY: none; HEIGHT: 61px; TOP: 0px; LEFT: 120px}
.box_t {MARGIN-TOP: 22px; HEIGHT: 27px}
.box_m {PADDING-BOTTOM: 0px; PADDING-LEFT: 29px; PADDING-RIGHT: 29px; PADDING-TOP: 0px}
.box_b { HEIGHT: 27px}
.box2_t {MARGIN-TOP: 22px;no-repeat; HEIGHT: 22px}
.box2_m {PADDING-BOTTOM: 0px; PADDING-LEFT: 29px; PADDING-RIGHT: 29px; PADDING-TOP: 0px}
.box2_b { HEIGHT: 22px}
.recommend_read_more {WIDTH: 160px;no-repeat; HEIGHT: 41px}
.box3_m {PADDING-BOTTOM: 0px; PADDING-LEFT: 9px; PADDING-RIGHT: 29px; PADDING-TOP: 0px}
.box3_m A {WIDTH: 285px; FLOAT: left; HEIGHT: 90px}
.box3_m A.btn3 {FLOAT: right}
.box3_m A.btn6 {FLOAT: right}
.box3_m A.btn1 {MARGIN-RIGHT: 28px}
.box3_m A.btn4 {MARGIN-RIGHT: 28px}
.box3_m A.btn4 {MARGIN-TOP: 42px}
.box3_m A.btn5 {MARGIN-TOP: 42px}
.box3_m A.btn1 {BACKGROUND: url(/inc/img/box3_bg1.png) no-repeat}
.box3_m A.btn2 {BACKGROUND: url(/inc/img/box3_bg2.png) no-repeat}
.box3_m A.btn3 {BACKGROUND: url(/inc/img/box3_bg3.png) no-repeat}
.box3_m A.btn4 {BACKGROUND: url(/inc/img/box3_bg4.png) no-repeat}
.box3_m A.btn5 {BACKGROUND: url(/inc/img/box3_bg5.png) no-repeat}
.box2_m .dl {POSITION: relative; LINE-HEIGHT: 21px; WIDTH: 252px; COLOR: #787878; FONT-SIZE: 11px}
.box2_m .dl IMG {MARGIN-BOTTOM: 8px}

.clear {
	CLEAR: both
}